/*- [ General -*/
body { font: normal 100% Arial, Tahoma, sans-serif; color: #333; }
body, div, h1, h2, h3, h4, h5, h6, p, form, dl, dl dt, dl dd, blockquote { margin: 0; padding: 0; text-align: left; }
input:hover, input:focus, textarea:hover, textarea:focus{
    outline: none;
}
ul, li { text-align: left; list-style: none; padding:0; margin:0; }
img { border: none; width:auto; height:auto; max-width:100%; }
fieldset { border: none; background: none; margin: 0px; padding: 0px; }
fieldset legend { display: none; } 
a { text-decoration: none; color: #333; display:block; }
a:hover { text-decoration: none; } 
button, input { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
textarea { overflow: auto; padding: 0px; margin: 0px; font-family: Arial, Tahoma, sans-serif; font-size: 0.75em; }
select { font-size: 0.75em; font-family: Arial, Tahoma, sans-serif; } 
.FixFloat { overflow: hidden; height: auto; }
.Clear { padding:0; margin:0; clear: both; float:none; }
.BoxFrame { position:relative; overflow:hidden; height:100%; width:100%; } 
.BoxFrame[class] { display:table; position:static; } 
.BoxMiddle { position:absolute; top:50%; } 
.BoxMiddle[class] { display:table-cell; vertical-align:middle; position:static; }
/*header*/
.Header { background: #009999 url(../images/bg_header.jpg) left top no-repeat; background-size: cover; border-bottom: 2px solid #ea7a15; position:relative; height:100%; }
.LogoHeader { float: left; width: 39%; padding:1.6% 0 1.6% 1.3%; }
.HideText { text-indent: -1000em; display: block; overflow: hidden; }
.FunctionSection { position:absolute; right:0px; width:39%; height:100%; }
.FucntionList li { float: right;text-align: center;width: 25%;padding: 0;}
.FucntionList5I li{width: 20%;}
.FucntionList li:first-child { border: none; }
.FucntionList li a { display: block; padding: 25% 0;margin: 3%;}
.FucntionList li div {
    display: block;
    padding: 3% 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.FucntionList li:first-child  div{ border-right: none;}
.FucntionList li:last-child div{  border-left: none;}
.FucntionList .Item1 a {
    background: url(../images/icon_list.png) center center no-repeat;
    background-size: contain;
}
.FucntionList .Item1 a.Active {
    background: url(../images/icon_list_green.png) center center no-repeat;
    background-size: contain;
}
.FucntionList .Item2 a {
    background: url(../images/icon_road.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item2 a.Active {
    background: url(../images/icon_road_green.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item3 a {
    background: url(../images/icon_search.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item3 a.Active {
    background: url(../images/icon_search_green.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item4 a {
    background: url(../images/icon_user.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item4 a.Active {
    background: url(../images/icon_user_green.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item5 a {
    background: url(../images/icon_locationmap.png) center center no-repeat; background-size: contain;
}
.FucntionList .Item5 a.Active {
    background: url(../images/icon_locationmap_green.png) center center no-repeat; background-size: contain;
}

/*Content*/
ul { -moz-padding-start: 0; /* firefox */
     -webkit-padding-start: 0; /* safari & chrome */
}
.Contain ul li { border-bottom: 2px solid #e5e5e5; padding:1% 1.3%; }
.Contain ul.PromotionList li { padding:1% 0; }
.Contain ul.DdtUl li { border-top: 2px solid #e5e5e5; border-bottom: none; }
.Contain ul li:last-child { border-bottom: none; }
.Contain ul.UlNav li a { display: block; background: url(../images/bg-lict.png) right center no-repeat; }
.Contain ul li .CtImg, .Contain .CtImg { width: 10%; display:inline-block; vertical-align:middle; margin-right:3%; }
.Contain h2.Title2Style { background: #276259; color: #ffffff; font-size: 1.75em; padding: 2% 1.3%; font-weight:bold; }
.Contain h2.Title3Style { background: #ffffff; color: #333333; font-size: 2em; padding: 2% 1.3% 0; font-weight:bold; }
/*General Button*/
.ButtonGradient01{ border: 2px solid #077962; border-top: 2px solid #076a52; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #29A57E),color-stop(1, #067E6A)); background-image: -o-linear-gradient(bottom, #29A57E 0%, #067E6A 100%); background-image: -moz-linear-gradient(bottom, #29A57E 0%, #067E6A 100%); background-image: -webkit-linear-gradient(bottom, #29A57E 0%, #067E6A 100%); background-image: -ms-linear-gradient(bottom, #29A57E 0%, #067E6A 100%); background-image: linear-gradient(to bottom, #29A57E 0%, #067E6A 100%); }
.ButtonGradient02{ border: 1px solid #dbdbdb; border-top: 2px solid #dedede; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E7E7E7), color-stop(1, #CCCCCC) ); background-image: -o-linear-gradient(bottom, #E7E7E7 0%, #CCCCCC 100%); background-image: -moz-linear-gradient(bottom, #E7E7E7 0%, #CCCCCC 100%); background-image: -webkit-linear-gradient(bottom, #E7E7E7 0%, #CCCCCC 100%); background-image: -ms-linear-gradient(bottom, #E7E7E7 0%, #CCCCCC 100%); background-image: linear-gradient(to bottom, #E7E7E7 0%, #CCCCCC 100%); }
/*ButtonGroup*/
.ButtonGroup { width: 100%; font-size: 1.750em; }
.ButtonGroup ul li { float: left; text-align: center; width: 33.33%; }
.ButtonGroup ul li a { display: block; text-transform: uppercase; color: #ffffff; padding: 7% 0;}
.ButtonGroup ul, .ButtonGroup ul li a { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2A665D), color-stop(1, #0F3B34) ); background-image: -o-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: -moz-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: -webkit-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: -ms-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: linear-gradient(to bottom, #2A665D 0%, #0F3B34 100%); }
.ButtonGroup ul li a.Active, .ButtonGroup ul li a:hover, .ButtonGroup ul li a:focus { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0F3B34), color-stop(1, #2A665D) ); background-image: -o-linear-gradient(bottom, #0F3B34 0%, #2A665D 100%); background-image: -moz-linear-gradient(bottom, #0F3B34 0%, #2A665D 100%); background-image: -webkit-linear-gradient(bottom, #0F3B34 0%, #2A665D 100%); background-image: -ms-linear-gradient(bottom, #0F3B34 0%, #2A665D 100%); background-image: linear-gradient(to bottom, #0F3B34 0%, #2A665D 100%); }
.ButtonGroup ul li a { border-right: 2px solid #113832; border-left: 2px solid #26524b; }
.ButtonGroup ul li:first-child a { border-left: none;}
.ButtonGroup ul li:last-child a { border-right: none;}
/*ButtonGroup4I*/
.ButtonGroup4I, .ButtonGroup3I{ width: 100%; background: #d4d4d4;}
.ButtonGroup4I ul li{ float: left; text-align: center; width: 25%; padding: 0; border-top: 1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
.ButtonGroup4I ul li a, .ButtonGroup3I ul li a{ display: block; padding:11% 0;}
.ButtonGroup4I ul li:first-child a, .ButtonGroup3I ul li:first-child a{ border-left: none;}
.ButtonGroup4I ul li:last-child a, .ButtonGroup3I ul li:last-child a{ border-right: none;}
.ButtonGroup4I ul li:last-child, .ButtonGroup3I ul li:last-child{border-bottom:1px solid #e5e5e5;}
.ButtonGroup4I ul li:last-child div, .ButtonGroup3I ul li:last-child div { border-right:none; }
.ButtonGroup4I ul li a span, .ButtonGroup3I ul li a span{ display: block; width: 100%; height: 100%;}
.ButtonGroup3I ul li{ float: left; text-align: center; width: 33.33%; padding: 0;}
.ButtonGroup3I ul li a{font-size: 1.750em; text-align: center; font-weight: bold; width: 100%;}
.DdtBtFc li div{ border-right: 1px solid #bcbcbc; border-left: 1px solid #bcbcbc;}
.DdtBtFc li a, .DdtBtFc li  a.Active, .DdtBtFc li  a.Disable{ background-size: contain; }
.ButtonGroup4I .DdtBtFc li a { width:25%; margin:0 auto; }
.DdtBt_check a{ background: url(../images/diadiem/bt_check.svg) center center no-repeat;}
.DdtBt_like a{ background: url(../images/diadiem/bt_like.svg) center center no-repeat;}
.DdtBt_share a{ background: url(../images/diadiem/bt_share.svg) center center no-repeat;}
.DdtBt_cmt a{ background: url(../images/diadiem/bt_comment.svg) center center no-repeat;}
.DdtBt_shopping a{ background: url(../images/diadiem/bt_shopping.svg) center center no-repeat;}
.DdtBt_check a.Active{ background: url(../images/diadiem/bt_check_green.svg) center center no-repeat;}
.DdtBt_like a.Active{ background: url(../images/diadiem/bt_like_green.svg) center center no-repeat;}
.DdtBt_share a.Active{ background: url(../images/diadiem/bt_share_green.svg) center center no-repeat;}
.DdtBt_cmt a.Active{ background: url(../images/diadiem/bt_comment_green.svg) center center no-repeat;}
.DdtBt_shopping a.Active{ background: url(../images/diadiem/bt_shopping_green.svg) center center no-repeat;}
.DdtBt_shopping a.Disable{ background: url(../images/diadiem/bt_shopping_gray.svg) center center no-repeat;}
.ButtonGroup3I2R, .SendComment, .ButtonGroup1I{ padding: 1.3%; }
.ButtonGroup3I2R a, .SendComment a, .ButtonGroup1I a{ text-align: center; }
.ButtonGroup3I2R a span, .SendComment a span, .ButtonGroup1I a span{ display: block; font-size: 1.563em; font-weight: bold; padding: 1.5% 0; }
.ButtonGroup3I2R .Button01 a, .SendComment .Button01 a, .ButtonGroup1I a{ width: 100%; color: #ffffff; }
.ButtonGroup3I2R .Button01 a { margin-bottom: 1.3%; }
.Button02 a{ width: 48%; color: #333333; }
.Button02 a:first-child{ float: left; }
.Button02 a:last-child{ float: right; }
/*Notice*/
.Notice{ background: #f5f5f5; border-bottom: 2px solid #e5e5e5; color: #333333; padding:1% 0 1.5%; }
.Notice ul, .Ntps01 { margin: 0 1.3%; font-size: 1.563em; }
.Notice ul li{ line-height: 1.5em; }
.Notice >  ul > li:before,.DdtUl .KmUlContent ul li:before{ content: "- \0020"; }

.NoticeButton{ text-align: center; margin:1.3% 0 0; }
.ButtonN01{ border: 2px solid #103d36; background-image: -webkit-gradient(linear,  left top,   left bottom,  color-stop(0, #2A665D),    color-stop(1, #0F3B34)  ); background-image: -o-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: -moz-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: -webkit-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: -ms-linear-gradient(bottom, #2A665D 0%, #0F3B34 100%); background-image: linear-gradient(to bottom, #2A665D 0%, #0F3B34 100%); }
.ButtonN02{ border: 2px solid #4d4d4d; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #919292),color-stop(1, #666666)); background-image: -o-linear-gradient(bottom, #919292 0%, #666666 100%); background-image: -moz-linear-gradient(bottom, #919292 0%, #666666 100%); background-image: -webkit-linear-gradient(bottom, #919292 0%, #666666 100%); background-image: -ms-linear-gradient(bottom, #919292 0%, #666666 100%); background-image: linear-gradient(to bottom, #919292 0%, #666666 100%); margin-left:1.8%; }
.NoticeButton .ButtonN01,.NoticeButton .ButtonN02, .NoticeButton .ButtonN03{font-weight:bold; width: 37%; font-size: 1.75em; padding: 1.4% 0; display: inline-block; color: #ffffff; }
.ButtonN04{margin-left: 1.8%;}
.SearchCt{ position: relative; padding:1.3% 0; color: #333333; background: #f5f5f5; border-bottom: 2px solid #cccccc; }
.SearchCt .TextInputIn01 { border: 2px solid #cccccc; padding:1%; }
.SearchCt .TextInput01{ width: 100%; background: #ffffff; }
.SearchCt .MyLocation{ margin-bottom: 1.7%; }
.SearchCt .TextInput01 input{ font-size: 1.563em; border: none; width: 100%; }
.SearchCt .ListResult{ position: absolute; width: 100%; background: transparent; left: 0; z-index: 1; }
.SearchCt ul{ background: #fff; }
.SearchCt ul li{ font-size: 1.563em; border-bottom: 2px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; }
.TextInput01Section { position:relative; }
.SearchCt ul li{ padding: 1.3% 0; }
.SearchCt ul li a{ padding: 0 1%; color:#333333; }
.SearchCtLeft{ width: 88.7%; padding-left:1.3%; float:left; }
.SearchCtRight{ position:absolute; top:0px; right:0px; height: 100%; width: 10%; }
.SearchCtRight a { text-align:center; }
.TextInputOut01 { padding:0 1.3%; }
/*Dia diem*/
.Contain .UlNavDiaDiem span.CtText1, .Contain .UlNavDiaDiem span.CtText2, .DiaDiemMap .Adr span.CtText1, .DiaDiemMap .Adr span.CtText2, .DiaDiemDetail .DddTitle span.CtText1, .DiaDiemDetail .DddTitle span.CtText2, .Ct80{ width: 80%; }
.Contain .CtText1 {display: block; font-size: 1.75em; color: #333333; font-weight: bold; vertical-align: middle; }
.Contain .CtText2, .Contain .CtText4, .Contain .CtText5{ display: block; font-size: 1.563em; color: #333333; vertical-align: middle; }.Contain .CtText4{ color: #ea7a15; font-weight: bold;}
.Contain .CtTextOrpr{
    text-decoration:line-through;
}
.Contain .CtText3 {display: block; font-size: 1.75em; color: #019c6a; font-weight: bold; vertical-align: middle; }
.Contain .CtTextRight{ position: absolute; top: 0; right: 1.3%; height: 100%; width:10% !important; }
.DddTitle .CtTextRight { width:20%; text-align:center; }
.DddTitle .CtTextRight img, .KmTitle .CtTextRight img{min-width:30px;}
.Contain ul.UlNav li a, .Contain .Adr{ position:  relative; display: block; background: url(../images/bg-lict.png) right center no-repeat; }
.Contain ul.UlNav li a, .Contain .Adr{position:  relative; display: block; background: url(../images/bg-lict.png) right center no-repeat; }
.Contain .UlNav .CtText1, .Contain .CtText1{display: inline-block;}
.Contain .UlNavDiaDiem li{ padding: 2% 1.3%; }
.Contain ul.UlNavDiaDiem li a span{ padding: 0; }
.Contain ul.UlNavDiaDiem li a span.CtTextRight{ right: 4%; }
.Contain ul.UlNavDiaDiem li a span.CtText2{color: #999999;}
.DiaDiemMap, .DiaDiemDetail, .DddTitle, .KmTitle{ position: relative; }
.DiaDiemMap, .DiaDiemDetail{width: 100%;}
.DiaDiemMap .ImgMap{ position: relative; z-index: -1; }
.DiaDiemMap .ImgMap img{ width: 100%; }
.DiaDiemMap .Adr{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); z-index: 1; padding: 2% 0; }
.DiaDiemMap .Adr .CtText1{ color: #ffffff; }
.DiaDiemMap .Adr .CtText2{ color: #cccccc; }
.DiaDiemMap .Adr .CtText1,  .DiaDiemMap .Adr .CtText2, .DiaDiemDetail .DddTitle .CtText1,  .DiaDiemDetail .DddTitle .CtText2, .DiaDiemDetail .DddTitle2 .CtText1, .DiaDiemDetail .DddTitle2 .CtText2, .Adr p{ padding-left: 1.3%; }
.DiaDiemMap .Adr .CtTextRight{ right: 2%; padding-right: 2%; background: url(../images/bg-lict-light.png) right center no-repeat; }
.Adr .BoxMiddle {font-size: 1.563em;color: #cccccc;right: 0;}
.DiaDiemDetail .DddTitle,  .DiaDiemDetail .DddTitle2{ padding: 2% 0; }
.DiaDiemDetail .DddImg img{ display: block; width: 100%; }
.DdtUl a{ position: relative; }
.DdtUl .CtText1, .DdtUl .CtText3{ display: inline-block; }
.DdtUl .CtText1{ margin-left: 1%; }
.DdtUl .BoxMiddle{ display: block; font-size: 0; padding: 2%; }
.DdtUl .Hide1{ background: url(../images/diadiem/bt_plus_orange.png) right center no-repeat;}
.DdtUl .Hide2{ background: url(../images/diadiem/bt_plus_gray.png) right center no-repeat;}
.DdtUl .Show1{ background: url(../images/diadiem/bt_minus_orange.png) right center no-repeat;}
.DdtContent, .TtDetailContent{ padding: 1% 0; text-align: center; color: #333333; font-size: 1.563em; }
.DdtContent p, .TtDetailContent p{ text-align:justify; }
.DdtContent .DdtHinhanhImg{ width: 100%; }
.DdtContent .ListThumb ul li{ border: none; float: left; width: 25%; padding: 0; text-align: center; }
.DdtContent .ListThumb ul li img{ width: 92%; border: 4px solid #e5e5e5; }
.DdtContent .ListThumb ul li img.Active,  .DdtContent .ListThumb ul li img:hover, .DdtContent .ListThumb ul li img:focus{ border: 4px solid #019c10; }
.DdtContent .CommentTitle{ position: relative; } 
.DdtContent .CommentTitle span.Line{ position: absolute; left: 0; top: 50%; z-index: -1; display: inline-block; border-bottom: 1px solid #ebebeb; width: 100%; content: " "; }
.DdtContent .CommentTitle a.CmTCt{ background: #ffffff url(../images/arrow01.png) right center no-repeat; float: right; padding-right:5%; color:#333; }
.DdtContent .CommentBox{ background: #ebebeb; padding: 1%; margin: 1% 0; -webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius:  10px; }
.DdtContent .CommentBox p.TimeAuthor{ margin-top: 1%; color: #999999; }
.DdtContent .CtText2,  .DdtContent .CtText4{ font-size: inherit; }
.DdtContent .CtText4, .UlNavKhuyenMai .CtText4, .Adr .CtText4, .UlNavCoupon .CtText2{ float: left; margin-right: 1%; display: block; }
.DdtContent ul li{ border-top: 2px solid #e5e5e5; border-bottom: none; }
.DdtContent ul li:last-child{ border-bottom: 2px solid #e5e5e5; }
.DdtContent .DdtBt01{ padding: 1% 0; } 
.DdtContent .DdtBt01 a{ float: left; width: 40%; }
.DdtContent .DdtBt01 a span{ color: #ffffff; display: block; font-size: inherit; font-weight: bold; line-height: 2; text-align: center; }
.DdtContent .DdtXemthem, .DiemTin .DdtXemthem{background: #ffffff url(../images/arrow01.png) right center no-repeat; float: right; padding: 1% 4% 1% 0;}
.DdtContent .DdtXemthem a, .DiemTin .DdtXemthem a {color:#333;font-size:1.5625em; }
.DdtContent .ConfirmText{margin-top: 1.5%; }
.DdtContent .DdtConfirm {margin-top: 1%; padding: 0 10%;}
.DdtContent .DdtConfirm a{width: 48%; text-align: center;}
.DdtContent .DdtConfirm a:first-child{ float: left; }
.DdtContent .DdtConfirm a:last-child{ float: right; }
.DdtContent .DdtConfirm a span{ display: block; font-size: inherit; font-weight: bold; padding: 2% 0; color: #333333; }
.Contain ul.DdtUl li .KmUlContent ul li{border: none;}
.DiaDiemDetail .SendComment, .DiaDiemDetail .Share{ background: #e5e5e5; }
.DiaDiemDetail .SendComment .ScmInput{ border: 2px solid #cccccc; padding: 1%; background: #ffffff; margin-bottom: 1%;}
.ScmText{margin:2% 0}
.DiaDiemDetail .SendComment .ScmInput input[type=text], .DiaDiemDetail .SendComment .ScmInput textarea{ border: none; width: 100%; background: transparent; font-size: 1.563em; }
.DiaDiemDetail .Share ul{ text-align: center; }
.DiaDiemDetail .Share ul li{ display: inline-block; width:8%; padding:0; margin:1% 0; text-align:center; } 
.KmTitle{padding: 1% 1.3%; background: #ffffff;}
.KmTitle2{border-bottom: 2px solid #c2c2c2;padding: 1% 1.3%; background: #e5e5e5;}
.KmTitle .CtText2{color: #999999;}
.KmTitle p span{float: left;}
.KmTitle p span.CtText5{padding: 0 1%;}
.KmTitle p span.CtTextOrpr{padding: 0;}
.Home06 h2, .Home06 ul li{ padding: 1% 1.9%;}
/*Tin tức*/
.TtImg img{
    display: block;
    width: 100%;
}
.TtInfoUpdate{padding: 1% 1.3%;}
.TtInfoUpdate .CtText2{color: #cccccc;}
.DiemTin ul.UlNavDiaDiem li a span.CtText1, .DiemTin ul.UlNavDiaDiem li a span.CtText2{
    color: #333333;
}
.DiemTin  ul li:last-child{border-bottom: 2px solid #e5e5e5;}
.TtDetailContent{padding: 1% 1.3%;}
.TtDetailContent p{padding: 1% 0; text-indent:3%;}
.Contain .UlNavCoupon{font-size: initial;}
.Contain .UlNavCoupon span{font-size: 1.250em;}
.Contain .UlNavCoupon span.CtText2{width: auto;}
.Contain .UlNavCoupon p{width: 80%}
.Contain .UlNavCoupon span.CouponLiTitle{font-size: 1.75em;}
.Contain .UlNavCoupon .KmAn{background: #ffffff;}
.Contain .UlTable li{padding: 0 1.3%;}
.UlTable li:first-child{font-weight: bold}
.UlTable li span.Col01{float:left; width: 10%;padding: 1% 0; text-align: center;}
.UlTable li span.Col02{width: 85%;margin-left: 10%; padding: 1% 0 1% 5%; border-left: 2px solid #e5e5e5;}
/*Footer*/
.Footer { background: #009999 url(../images/bg_header.jpg) left top no-repeat; background-size: cover; border-top:1px solid #fff; padding:0 1.3%; position:relative; }
.HotLine { -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; background: #ffffff; padding: .1em 1em .1em .2em; -webkit-box-shadow: 0.12em 0.12em 0.3em rgba(50, 50, 50, 0.75); -moz-box-shadow: 0.12em 0.12em 0.3em rgba(50, 50, 50, 0.75); box-shadow: 0.12em 0.12em 0.3em rgba(50, 50, 50, 0.75); font-size: 1.500em; color: #333333; float: left; margin:3.3% 0; vertical-align:middle; }
.HotLine a { color:#333; }
.Footer ul { position: absolute; right: 1.3%; top: 30%; width:63%; }
.Footer ul li img, .HotLine img { display: inline; vertical-align:middle; }
.Footer ul li { float: right; border-right: 1px solid rgba(255, 255, 255, 0.5); padding:0 2.6%; }
.Footer ul li a { font-size: 1.5625em; color: #333333; padding-bottom:6%; }
.Footer ul li a.TopLink { background:url(../images/icon_totop.png) right top no-repeat; padding-right:30%; }
.Footer ul li:first-child { border: none; }
@media screen and (orientation: portrait) {
	body { font-size:50%; }
    .Contain ul.UlNav li a { background-image:url(../images/bg-lict_320.png); }
    .HotLine img, .Footer ul li a img { width:15px; }
    .DiaDiemMap .Adr .CtTextRight{background: url(../images/bg-lict-light_320.png) right center no-repeat; }
    .DiaDiemDetail .DddTitle img {width: 42%;}
    .Footer ul li { padding:0 1%; }
    .Footer ul li a { font-size: 1.5em; }
	.DdtContent .CommentTitle a.CmTCt, .DdtContent .DdtXemthem, .DiemTin .DdtXemthem{ background-image:url(../images/arrow01_320.png); }
	.DdtUl .Hide1{ background: url(../images/diadiem/bt_plus_orange11.png) right center no-repeat;}
	.DdtUl .Hide2{ background: url(../images/diadiem/bt_plus_gray11.png) right center no-repeat;}
	.DdtUl .Show1{ background: url(../images/diadiem/bt_minus_orange11.png) right center no-repeat;}
}
@media screen and (orientation: landscape) {
	body { font-size:100%; }
    .Contain ul.UlNav li a { background: url(../images/bg-lict.png) right center no-repeat; }
    .Footer ul li a img, .HotLine img { width:33px; }
    .Footer ul li a, .HotLine { font-size: 1.2em; }
}